<template>
  <div class="container attendance">
    <div class="panel">
      <div class="panel-header">
        本月出勤情况
      </div>
      <div class="panel-container">
        <ul>
          <li>演示账号，权限未开放</li>
        </ul>
      </div>
    </div>
    <div class="panel">
      <div class="panel-header">
        外出记录
      </div>
      <div class="panel-container">
        <ul>
          <li>演示账号，权限未开放</li>
        </ul>
      </div>
    </div>
    <div class="panel">
      <div class="panel-header">
        打卡异常
      </div>
      <div class="panel-container">
        <ul>
          <li>演示账号，权限未开放</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {}
</script>

<style>
  .container.attendance .panel {
    background: #fff;
    margin: inherit;
    display: block;
    margin-top: 30px;
  }
</style>
